import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class RecommendStatisticsPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _RecommendStatisticsPageState();
}

class _RecommendStatisticsPageState extends State<RecommendStatisticsPage> {
  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      child: Container(
        child: Column(
          children: [
            Container(
              width: double.infinity,
              height: 12.w,
              color: Color(0xfff7f7f7),
            ),
            Container(
              color: Colors.white,
              padding: EdgeInsets.all(10.w),
              child: Row(
                children: [
                  Container(
                    width: 3.w,
                    height: 15.w,
                    decoration: BoxDecoration(
                        color: Color(0xff009669),
                        borderRadius: BorderRadius.all(Radius.circular(1.w))),
                  ),
                  SizedBox(
                    width: 5.w,
                  ),
                  Text(
                    '本月交叉引荐统计情况',
                    style: TextStyle(
                        color: Color(0xff333333),
                        fontSize: 14.sp,
                        fontWeight: FontWeight.bold),
                  ),
                  Spacer(),
                  InkWell(
                    onTap: () {},
                    child: Row(
                      children: [
                        Text(
                          '全部业务线',
                          style: TextStyle(
                              color: Color(0xff333333),
                              fontSize: 13.sp,
                              fontWeight: FontWeight.w300),
                        ),
                        SizedBox(
                          width: 2.w,
                        ),
                        Image.asset(
                          'assets/images/ic_arrow_down.png',
                          width: 15.w,
                          height: 15.w,
                        )
                      ],
                    ),
                  )
                ],
              ),
            ),
            Container(
              color: Colors.white,
              padding: EdgeInsets.symmetric(vertical: 10.w),
              child: Row(
                children: [
                  Container(
                    width: 65.w,
                    margin: EdgeInsets.only(left: 12.w),
                    child: Text(
                      '分行名称',
                      style:
                          TextStyle(color: Color(0xff333333), fontSize: 12.sp),
                      textAlign: TextAlign.left,
                    ),
                  ),
                  SizedBox(
                    width: 5.w,
                  ),
                  Container(
                    width: 40.w,
                    child: Text(
                      '员工数',
                      style:
                          TextStyle(color: Color(0xff333333), fontSize: 12.sp),
                      textAlign: TextAlign.center,
                    ),
                  ),
                  SizedBox(
                    width: 5.w,
                  ),
                  Container(
                    width: 40.w,
                    child: Text(
                      '引荐数',
                      style:
                          TextStyle(color: Color(0xff333333), fontSize: 12.sp),
                      textAlign: TextAlign.center,
                    ),
                  ),
                  Expanded(
                    child: Container(
                      width: double.infinity,
                      alignment: Alignment.center,
                      child: InkWell(
                        onTap: () {},
                        child: Row(
                          children: [
                            Spacer(),
                            Text(
                              '受理数',
                              style: TextStyle(
                                  color: Color(0xff333333), fontSize: 12.sp),
                              textAlign: TextAlign.center,
                            ),
                            Image.asset(
                              'assets/images/ic_sort_01.png',
                              width: 12.w,
                              height: 12.w,
                            ),
                            Spacer(),
                          ],
                        ),
                      ),
                    ),
                  ),
                  Expanded(
                    child: Container(
                      width: double.infinity,
                      alignment: Alignment.center,
                      child: InkWell(
                        onTap: () {},
                        child: Row(
                          children: [
                            Spacer(),
                            Text(
                              '营销跟进',
                              style: TextStyle(
                                  color: Color(0xff333333), fontSize: 12.sp),
                            ),
                            Image.asset(
                              'assets/images/ic_sort_01.png',
                              width: 12.w,
                              height: 12.w,
                            ),
                          ],
                        ),
                      ),
                    ),
                  ),
                  SizedBox(
                    width: 5.w,
                  ),
                  Expanded(
                    child: Container(
                      width: double.infinity,
                      alignment: Alignment.centerRight,
                      padding: EdgeInsets.only(right: 12.w),
                      child: InkWell(
                        onTap: () {},
                        child: Row(
                          children: [
                            Spacer(),
                            Text(
                              '成功数',
                              style: TextStyle(
                                  color: Color(0xff009669), fontSize: 12.sp),
                              textAlign: TextAlign.right,
                            ),
                            Image.asset(
                              'assets/images/ic_sort_03.png',
                              width: 12.w,
                              height: 12.w,
                            ),
                          ],
                        ),
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}
